<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">
<title>회원가입</title>
<link rel="stylesheet" type="text/css" href="./css/join.css">
<link href="https://nid.naver.com/favicon_1024.png"
	rel="apple-touch-icon-precomposed" sizes="1024x1024" />
<script type="text/javascript" src="https://nid.naver.com/js/clickcr.js"></script>
<meta name="decorator" content="PC_JOIN_UNREAL">
</head>

<body>
	<!-- header -->
	<div id="header">
		<!--<h1>
			<a href="#" class="h_logo">로고</a>
		</h1>-->
	</div>
	<!-- //header -->

	<!-- container -->
	<div id="container">

		<!-- content -->
		<div id="content">

			<form id="frm" method="post" action="input_result.jsp"
				onSubmit="return mainSubmit(0);">
				<fieldset class="join_from">
					<legend class="blind">회원가입</legend>
					<div class="row_group">
						<div id="idDiv" class="join_row">
							<span class="ps_box"> <input type="text" id="mid"
								name="mid" value="" maxlength="12"
								onFocus="toggleLabel('idLb','id', 'in');"
								onBlur="toggleLabel('idLb','id', 'out');checkId('first')"
								placeholder="아이디" class="int">

							</span>
						</div>
						<div id="pswd1Div" class="join_row">
							<!-- [D]normal상태 int_pass / 1단계 사용불가 int_pass_step1 / 2단계 낮음 int_pass_step2 / 3단계 적정 int_pass_step3 / 4단계 높음 int_pass_step4 -->
							<span id="pswd1Img" class="ps_box int_pass"> <input
								type="password" id="pwd1" name="pwd1" maxlength="16"
								onFocus="toggleLabel('pswd1Lb','pswd1','in');"
								onBlur="toggleLabel('pswd1Lb','pswd1','out');checkPswd1('check')"
								;								
								onkeyup="checkShiftUp(event);"
								onkeypress="checkCapslock(event)"
								;
								onKeydown="checkShiftDownJoin(event);"
								placeholder="비밀번호" class="int">
								
							</span>
							<div id="pswd1Msg" class="error" style="display: none">필수
								정보입니다.</div>
						</div>
						<div id="pswd2Div" class="join_row">
							<!-- [D]normal상태 int_pass_check / 비밀번호 확인완료 int_pass_check2  -->
							<span id="pswd2Img" class="ps_box int_pass_check"> <input
								type="password" id="pwd2" name="pwd2" maxlength="16"
								onFocus="toggleLabel('pswd2Lb','pswd2','in');"
								onBlur="toggleLabel('pswd2Lb','pswd2','out');checkPswd2('check')"
								;
								onkeyup="checkShiftUp(event);"
								onkeypress="checkCapslock2(event)"
								;
								onKeydown="checkShiftDown(event);"
								placeholder="비밀번호 재확인" class="int"> 
				
							</span>

						</div>
					</div>

					<div class="row_group">
						<div id="nmDiv" class="join_row">
							<span class="ps_box"> <input type="text" id="irum"
								name="irum" maxlength="40" value=""
								onFocus="toggleLabel('nmLb','nm','in');"
								onBlur="toggleLabel('nmLb','nm','out');checkName('check')"
								placeholder="이름" class="int"> 
								
							</span>
							
						</div>
						<div id="genderDiv" class="join_row join_sex">
							<span class="row_title"> 성별</span> <span class="sex"> <span
								class="jender"><input type="radio" id="man" name="gender"
									value="m" onClick="checkSex()" /><label id="manLb" for="man">남자
								</label></span><span class="jender"><input type="radio" id="woman"
									name="gender" value="f" onClick="checkSex()" /><label
									id="womanLb" for="woman">여자 </label></span>
							</span>
						</div>
						<div id="marryDiv" class="join_row join_sex">
							<span class="row_title"> 결혼유무</span> <span class="sex"> <span
								class="jender"><input type="radio" id="y" name="marry"
									value="y" onClick="checkSex()" /><label id="manLb" for="y">유
								</label></span><span class="jender"><input type="radio" id="n"
									name="marry" value="n" onClick="checkSex()" /><label
									id="womanLb" for="n">무 </label></span>
							</span> 
						</div>
						<div id="birthdayDiv" class="join_row join_birthday">
							<div class="join_birth">
								<div class="bir_yy">
									<span class="ps_box"> <input type="text" id="yy"
										maxlength="4" value=""
										onFocus="toggleLabel('yyLb','yy','in');"
										onBlur="toggleLabel('yyLb','yy','out');checkBirthday('check')"
										placeholder="생년" class="int"> <label id="yyLb"
										for="yy" class="lbl">생년</label>
									</span>
								</div>
								<span class="cell">|</span>
								<div class="bir_mm">
									<span class="ps_box"> <select id="mm" title="월"
										class="sel" onChange="checkBirthday('check')">
											<option value="">월</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
											<option value="11">11</option>
											<option value="12">12</option>
									</select>
									</span>
								</div>
								<span class="cell">|</span>
								<div class=" bir_dd">
									<span class="ps_box"> <input type="text" id="dd"
										maxlength="2" value=""
										onFocus="toggleLabel('ddLb','dd','in');"
										onBlur="toggleLabel('ddLb','dd','out');checkBirthday('check')"
										placeholder="일" class="int"> <label id="ddLb" for="dd"
										class="lbl">일</label>

									</span>
								</div>
							</div>
						
						</div>
						<div id="emailDiv" class="join_row">
							<span class="ps_box"> <input type="text"
								id="email" name="email" maxlength="100" value=""
								onFocus="toggleLabel('emailLb','email','in');"
								onBlur="toggleLabel('emailLb','email','out');checkEmail('check')"
								placeholder="이메일" class="int"> 
							</span>
							
						</div>
						<div id="phone" class="join_row">
							<div class="join_birth">
								<div class="bir_mm">
									<span class="ps_box"> <select id="mm" title="010"
										class="sel" onChange="checkBirthday('check')">
											<option value="">010</option>
											<option value="010-">010</option>
											<option value="011-">011</option>
											<option value="016-">016</option>

									</select>
									</span>
								</div>
								<span class="cell">|</span>
								<div class="bir_mm">
									<span class="ps_box"> <input type="text" id="dd"
										maxlength="2" value=""
										onFocus="toggleLabel('ddLb','dd','in');"
										onBlur="toggleLabel('ddLb','dd','out');checkBirthday('check')"
										placeholder="" class="int"> 
										
									</span>
								</div>
								<span class="cell">|</span>
								<div class=" bir_dd">
									<span class="ps_box"> <input type="text" id="dd"
										maxlength="2" value=""
										onFocus="toggleLabel('ddLb','dd','in');"
										onBlur="toggleLabel('ddLb','dd','out');checkBirthday('check')"
										placeholder="" class="int">
										
									</span>
								</div>
							</div>
							<span id="birthdayMsg" class="error" style="display: none">필수
								정보입니다.</span>
						</div>
						<div id="jobDiv" class="join_row join_email">
							<span class="ps_box int_email"> <input type="text"
								id="job" name="job" maxlength="100" value=""
								onFocus="toggleLabel('emailLb','email','in');"
								onBlur="toggleLabel('emailLb','email','out');checkEmail('check')"
								placeholder="직업" class="int">
							</span>
						</div>
					</div>
				</fieldset>
				<div class="check_info">
					<div class="login_check">
						<span class="login_check_box"> <input type="checkbox"
							id="priv" name="nvlong" class="" tabindex="9" value="y" /> <label
							for="priv_chk" id="label_login_chk" class="sp">정보공개 확인</label>
						</span>
					</div>
				</div>
				<div class="error_ch">
					<span id="joinMsg" class="error" style="display: none">가입정보를
						확인해주세요.</span>
				</div>
				<span class="btn_join"><input type="submit"
					onClick="clickcr(this, 'sup.signup', '', '', event);" title="회원가입"
					alt="회원가입" value="가입하기" class="int_join"></span>
			</form>

		</div>
		<!-- //content -->
	</div>
	<!-- //container -->
	



</div>
</body>
</html>